<template>
	<view class="zxh-search">
		<view class="root" @click="goXiangqing">
			<img src="../../../static/image/Square/search.jpg" alt="">
			<p class="root-name">{{shop.name}}</p>
			<p class="root-money">￥{{shop.money}}</p>
			<view class="root-user">
				<img src="../../../static/image/Square/user.jpg" alt="">
				<p>{{shop.user}}</p>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["shop"],
		data(){
			return{}
		},
		methods:{
			goXiangqing(){
				uni.navigateTo({
					url:"/pages/Square/pages/Thxiangqing"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.zxh-search{
		width: 50%;
		height: 420upx;
		float: left;
		display: flex;
		.root{
			width: 345upx;
			height: 400upx;
			margin: auto;
			border-radius: 15upx;
			border: 1upx solid #ccc;
			img{
				width: 100%;
			}
			.root-name{
				height: 40upx;
				font-size: 30upx;
				font-weight: 200;
				padding-left: 25upx;
				line-height: 40upx;
				color: #ccc;
			}
			.root-money{
				height: 40upx;
				font-size: 30upx;
				font-weight: 200;
				padding-left: 25upx;
				line-height: 40upx;
				color: #ff7098;
				border-bottom: 1upx solid #ccc;
			}
			.root-user{
				height: 58upx;
				img{
					width: 50upx;
					height: 50upx;
					margin-left: 25upx;
					margin-top: 4upx;
					float: left;
				}
				p{
					height: 58upx;
					font-size: 20upx;
					font-weight: 600;
					line-height: 58upx;
					float: left;
					margin-left: 15upx;
				}
			}
		}
	}
</style>